/* 
Document   : layout
Created on : 16.sep.2013, 13:15:09
Author     : Vegard
Description:
Purpose of the stylesheet follows.
*/

/* BODY
Definerer bakgrunnsfargen p� hele siden, 
font-st�rrelse skal v�re 18 hvis ikke noe annet blir definert,
*/

body { 
background-color:#123456; 
font-size:16px;
color:white;

}

/* Alt innhold skal v�re 100 pixler fra toppen */
#content {
margin-top:-100px;

}

/* definerer hvit link og ingen dekorasjon */
a:link {color:white;}
a:visited {color:white;}
a:hover {color:#65a7d2;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a {
font-size:18px;

}


/*setter bredden p� content*/
.wrapper {  
width: 900px; margin: 0 auto; 

}


/* lager en boks der innholdet skal v�re i */
.box { 
margin:auto;
overflow: auto;
padding: 15px;
background-color: white; 
font-size:18px;
color:black;
margin-top:-10%;

/* setter runde hj�rner p� boksen */
-webkit-border-radius: 12px;
-moz-border-radius: 7px; 
border-radius: 7px;

}

/*meny skal v�re 30 pixler fra venstre */
#menu {
margin-left:30px; 


}

/*lager en lysebl�boks som er �verst i main boks */
#background{
    background-color:#c3dfef;
    -webkit-border-radius: 12px;
    -moz-border-radius: 7px; 
    border-radius: 7px; 

}


.resource-box { 
overflow:auto;
margin-top:20%;
padding: 15px;
background-color: #e6e6e6; 
font-size:16px;
color:black;


/* setter runde hj�rner p� boksen */
-webkit-border-radius: 12px;
-moz-border-radius: 7px; 
border-radius: 7px;

}



.resource-box-1{ 

padding: 15px;
background-color: #fff173; 
font-size:16px;
color:black;


/* setter runde hj�rner p� boksen */
-webkit-border-radius: 12px;
-moz-border-radius: 7px; 
border-radius: 7px;
width:350px;

}



/* boks til innleveringer */
.box-news h1 {
    background-color:#44687d;
    border-radius: 7px;
    color:white;
    font-size: 12px;
    padding:12px;
    margin: -10px -10px 10px -10px;
}

/* boks til innleveringer */
.box-news {
    background-color:#eeeeee;
    border-radius: 7px; 
    width:400px;
    float:left;
    color:black;
    height:auto;
    margin-top: 20px;
    padding: 10px;
}

/* definerer at boks to skal st� helt til h�yre */
.second {
float: right !important;
}

/*-------------Tilbake knapp ------------*/
.back {
float:right;
margin-right:10px;
margin-top:10px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background-color:#ededed;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:14px;
font-weight:bold;
font-style:normal;
height:44px;
line-height:44px;
width:79px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #ffffff;
}.back:hover {
background-color:#dfdfdf;
}.back:active {
position:relative;
top:1px;
}

/* setter farge,st�rrelse og ingen dekorasjon p� link for #back */
.back a {
color:#777777;
font-size:14px;
text-decoration:none;
}

/*teksten skal v�re til venstre, bold skrift og st�rrelse 22 */
#text_left {
float:left;
margin-right:640px;
font-weight: bold;
font-size:16px;


}

/* s�kefelt til � finne brukere */
#newsearch{
    float:left;
    padding:20px;
}

/* tekst for statistikk siden */
#text_statistic{
    float:left;
    padding:20px;
}

/* definerer s�kefeltet */
.textinput{
    margin: 0;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    border:1px solid #0076a3; border-right:0px;
    border-top-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;

}

/* knappen til s�kefeltet */
.button {
    margin: 0;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #0076a3; border-right:0px;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
}

/* hover for knappen til s�kefelt */
.button:hover {
    text-decoration: none;
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
}

/* Fikser h�yde for knappen i firefox */
.tfbutton::-moz-focus-inner {
border: 0;
}

.tfclear{
    clear:both;
}

/*-----------Tabell for brukere-----------*/

.zebra td, .zebra th {
padding: 10px;
border-bottom: 1px solid #f2f2f2;   
font-size:16px;
}

.zebra tbody tr:nth-child(even) {
background: #f5f5f5;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
text-align: left;
text-shadow: 0 1px 0 rgba(255,255,255,.5); 
border-bottom: 1px solid #ccc;
background-color: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
-moz-border-radius: 6px 0 0 0;
-webkit-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
}

.zebra th:only-child{
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
border-bottom: 0;
border-top: 1px solid #fff;
background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
-moz-border-radius: 0 0 0 6px;
-webkit-border-radius: 0 0 0 6px;
border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
-moz-border-radius: 0 0 6px 0;
-webkit-border-radius: 0 0 6px 0;
border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}

.zebra a {
color:#000;
font-size:16px;
text-decoration:none;

}

/* dropdown menu for moduler */
.dropdown-menu {
/* st�rrelse og posisjon */
position: relative;
width: 200px;
margin: 0 auto;
padding: 10px;
float: right;
top:12px;
margin-right:12px;


/* Stil */
background: #fff;
border-radius: 7px;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(50,50,50,0.1);
cursor: pointer;
outline: none;

/* font st�rrelse */
font-weight: bold;
color: #8AA8BD;
}

/* tilbakemeldings knapp*/
.feedback {
background:#25A6E1;
background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
padding:8px 13px;
color:#fff;
font-family:'Helvetica Neue',sans-serif;
font-size:14px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #1A87B9;
text-align:center;
}

/* link definisjon for klassen feedback */
.feedback a {
color:white;
font-size:14px;
text-decoration:none;
}

/* hover for tilbakemeldingsknapp */
.feedback:hover {

background:#6495ED;
color:black;
}

/* modul start knapp */
.start-modul {

background:-moz-linear-gradient(top,#CC3333 0%,#CC3333 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#CC3333),color-stop(100%,#CC3333));
background:-webkit-linear-gradient(top,#CC3333 0%,#CC3333 100%);
background:-o-linear-gradient(top,#CC3333 0%,#CC3333 100%);
background:-ms-linear-gradient(top,#CC3333 0%,#CC3333 100%);
background:linear-gradient(top,#CC3333 0%,#CC3333 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC3333',endColorstr='#CC3333',GradientType=0);
padding:8px 13px;
font-family:'Helvetica Neue',sans-serif;
font-size:14px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #770000;
text-align:center;
color:red;



}

/* link definisjon for klassen start-modul */
.start-modul a {
color:white;
font-size:14px;
text-decoration:none;
}

.wrapper-modul-text-left {  
width:400px;
margin-left: 17px;
font-size:16px;

}

.modul-right {  

margin-top:-508px;
font-size:16px;

}

.isa_info, .isa_success, .isa_warning, .isa_error {
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 10px center;-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
 
}

.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/success.png');
}

.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('warning.png');
    
}

.isa_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}

/* tilbakemeldings knapp*/
.modul-change {
background:#25A6E1;
background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
padding:8px 13px;
color:#fff;
font-family:'Helvetica Neue',sans-serif;
font-size:14px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #1A87B9;
text-align:center;
width: 400px;


}

/* link definisjon for klassen feedback */
.modul-change a {
color:white;
font-size:14px;
text-decoration:none;
}

/* hover for tilbakemeldingsknapp */
.modul-change:hover {

background:#6495ED;
color:black;
}

.modul-start2 {
    background-color:#ba2323;
    padding:10px;
    position:relative;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    border: solid 1px #831212;
    background-image: linear-gradient(bottom, rgb(171,27,27) 0%, rgb(212,51,51) 100%);
    border-radius: 5px;
}
 
.modul-start2:active {
    padding-bottom:9px;
    padding-left:10px;
    padding-right:10px;
    padding-top:11px;
    top:1px;
    background-image: linear-gradient(bottom, rgb(171,27,27) 100%, rgb(212,51,51) 0%);
}

.modul-start2::before {
    background-color:#ccd0d5;
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    padding:8px;
    left:-8px;
    top:-8px;
    z-index:-1;
    border-radius: 5px;
    box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}